
var productBn = "";//货号
var price = 0;//销售价
var cost =  0;//成本
var mktprice = 0;//市场价
var weight =  0;//重量
var storePlace =  0;//货位
var goodsStore = 0;//库存
var goodsId,typeId = 0;


// tab切换
$(document).on('click', '[data-role="style-tab"] li', function () {
    var index = $(this).index();
    $(this).addClass('is-active').siblings().removeClass('is-active');
    $('[data-role="style-result"]>li').eq(index).addClass('is-active').siblings().removeClass('is-active');

});

// 数组排列组合
function doExchange(doubleArrays) {
    var len = doubleArrays.length;
    if (len >= 2) {
        var len1 = doubleArrays[0].length;
        var len2 = doubleArrays[1].length;
        var newlen = len1 * len2;
        var temp = new Array(newlen);
        var index = 0;
        for (var i = 0; i < len1; i++) {
            for (var j = 0; j < len2; j++) {
                temp[index] = doubleArrays[0][i] + ',' + doubleArrays[1][j];
                index++;
            }
        }
        var newArray = new Array(len - 1);
        for (var i = 2; i < len; i++) {
            newArray[i - 1] = doubleArrays[i];
        }
        newArray[0] = temp;
        return doExchange(newArray);
    }
    else {
        return doubleArrays[0];
    }
}


//全选
$(document).on('click', '[data-role="selectall"]', function () {
    var body = $(this).closest('li').find('tbody');
    var index = $(this).closest('.ws-goodstyle__selectAll').parent('li').index();

    //typeof($(this).prop('checked')) == 'undefined'
    if (!$(this).prop('checked')) {
        // alert(1)
        $(this).closest('.ws-goodstyle__selectAll').next('.ws-goodstyle__item').find('input').prop('checked', '');
        body.html('');
        $('[data-role="style-tab"] li').eq(index).find('span').html(0);
        $('[data-role="style-tab"] li').eq(index).attr('data-value', '')
    } else {
        // alert(2)
        var input = $(this).closest('.ws-goodstyle__selectAll').next('.ws-goodstyle__item').find('input');
        var inputLen = input.length;
        input.prop('checked', 'checked');
        var html = '';
        var dataValueArr = [];
        var dataIdAtrr = [];
        for (var i = 0; i < inputLen; i++) {
            html += '<tr>\
                            <td>\
                              <input class="x-input" class="x-input" type="text" value="' + input.eq(i).val() + '">\
                            </td>\
                            <td>\
                                <span class="lnk" data-role="img">选择图片</span>\
                                <span class="sel-imgs-area"></span>\
                            </td>\
                        </tr>';
            dataIdAtrr.push(input.eq(i).prop("title"));
            dataValueArr.push(input.eq(i).val());
        }
        body.html(html);
        $('[data-role="style-tab"] li').eq(index).find('span').html(inputLen);
        //赋值规格值名称
        var dataValueStr = dataValueArr.join(',');
        $('[data-role="style-tab"] li').eq(index).attr('data-value', dataValueStr);

        //赋值规格值id
        var dataIdStr = dataIdAtrr.join(',');
        $('[data-role="style-tab"] li').eq(index).attr('data-id', dataIdStr)
    }
})

//单个checkbox
$(document).on('change', '.ws-goodstyle__item li input', function () {

    // console.log($(this).prop('checked'))
    if(!$(this).prop('checked')){//取消单选，就取消全选
        $('[data-role="selectall"]').prop("checked","");
    }

    var index = $(this).closest('.ws-goodstyle__item').parent('li').index();
    var inputCheck = $(this).closest('.ws-goodstyle__item').find('li').find('input:checked');
    var inputCheckLen = inputCheck.length;
    //选中的规格个数
    $('[data-role="style-tab"] li').eq(index).find('span').html(inputCheckLen);
    var body = $(this).closest('.ws-goodstyle__item').next('.spec-img').find('tbody');
    var html = '';
    var dataValueArr = [];
    var dataIdAtrr = [];
    // alert($('[data-role="style-tab"] li').eq(index).attr("data-spec-id"));
    for (var i = 0; i < inputCheckLen; i++) {
        html += '<tr>\
                        <td>\
                          <input class="x-input" type="text" value="' + inputCheck.eq(i).val() + '">\
                        </td>\
                        <td>\
                            <span class="lnk" data-role="img">选择图片</span>\
                            <span class="sel-imgs-area"></span>\
                        </td>\
                        <td class="hide">\
                          <input type="text" value="' + $('[data-role="style-tab"] li').eq(index).attr("data-spec-id") + '">\
                        </td>\
                    </tr>';
        dataIdAtrr.push(inputCheck.eq(i).prop("title"));
        dataValueArr.push(inputCheck.eq(i).val());
    }
    //赋值规格值名称
    var dataValueStr = dataValueArr.join(',');
    $('[data-role="style-tab"] li').eq(index).attr('data-value', dataValueStr);

    //赋值规格值id
    var dataIdStr = dataIdAtrr.join(',');
    $('[data-role="style-tab"] li').eq(index).attr('data-id', dataIdStr)

    body.html(html);
});


// 生成商品
$(document).on('click', '[data-role="generate"]', function () {
    var dom = $('[data-role="style-tab"] li span');
    for (var i = 0, len = dom.length; i < len; i++) {
        if (dom.eq(i).html() == 0) {
            alert('每个规格项至少选中一项，才能组合成完整的货品信息。');
            return;
        }
    }

    var li = $('[data-role="style-tab"] li');
    var exchangeArr = [];
    var textArr = [];
    for (var i = 0, len = li.length; i < len; i++) {
        exchangeArr.push(li.eq(i).attr('data-value').split(','))
        textArr.push(li.eq(i).find('i').eq(0).html());
    }
    var ret = doExchange(exchangeArr);
    $('.ws-goodstyle__tableTit span').html(ret.length)



    var resultHtml = '';
    for (var i = 0; i < ret.length; i++) {
        var arr = ret[i].split(',');
        var nameArr = [];
        var nameStr = '';
        for (var j = 0, len = arr.length; j < len; j++) {
            nameArr.push(textArr[j] + ':' + arr[j]);
        }

        var store = 0 ;

        nameStr = nameArr.join(',');
        resultHtml += '<tr>\
                            <td><span>' + nameStr + ' </span><input class="x-input " name="specInfo" type="hidden" value="' + nameStr + '" ></td>\
                            <td>\
                              <input class="x-input" type="text" name="bn" value="'+((productBn=="")?"":(productBn+'-' + i ))+ '">\
                            </td>\
                            <td>\
                              <input type="checkbox" name="marketable" checked="" value="true">\
                            </td>\
                            <td>\
                              <input class="x-input" name="store" type="text" value="'+goodsStore+'" >\
                            </td>\
                            <td>0</td>\
                            <td>\
                                <input class="x-input" name="price" type="text" value="'+price+'">\
                            </td>\
                            <td>\
                                <input class="x-input" name="cost" type="text" value="'+cost+'">\
                            </td>\
                            <td>\
                                <input class="x-input" name="mktprice" type="text" value="'+mktprice+'">\
                            </td>\
                            <td>\
                                <input class="x-input" name="weight" type="text" value="'+weight+'" size="4">\
                            </td>\
                            <td>\
                                <input class="x-input" name="storePlace" type="text" value="'+storePlace+'"  size="4">\
                            </td>\
                            <td>\
                                <input type="checkbox" value="true" name="isDefault" size="4" data-role="moren">\
                            </td>\
                            <td>\
                                <a href="javascript:void(0);" class="clean " title="不生成此货品">清除</a>\
                            </td>\
                        </tr>';
    }

    $('[data-role="styleResult"]').html(resultHtml);
})


// 清除
$(document).on('click', '[data-role="styleResult"] .clean', function () {
    $(this).closest('tr').find('input[type=text]').val('');
    $(this).closest('tr').find('input[type=checkbox]').prop('checked', '');
})

// 默认
$(document).on('change', '[data-role="moren"]', function () {
    $(this).closest('tr').siblings().find('[data-role="moren"]').prop('checked', '');
})

// 图片位置索引
var imgIndex;
// 选择图片
// BUI.use(['bui/overlay', 'bui/form'], function (Overlay, Form) {
//
//     var dialog = new Overlay.Dialog({
//         title: '关联商品图片',
//         width: 700,
//         height: 360,
//         zIndex: 2011,
//         //配置DOM容器的编号
//         contentId: 'chooseImg',
//         buttons: [{
//             text: '保存',
//             elCls: 'button',
//             // handler: function () {
//             //     var imgChecked = $('.division input[type="checkbox"]:checked');
//             //     var imgArr = [];
//             //     for (var i = 0, len = imgChecked.length; i < len; i++) {
//             //         imgArr.push(imgChecked.eq(i).attr('imgsrc'))
//             //     }
//             //     var imgArea = $('[data-role="style-result"] li.is-active').find('[data-role="gridstyle"] tbody tr').eq(imgIndex).find('.sel-imgs-area');
//             //     var html = '';
//             //     for (var i = 0, len = imgArr.length; i < len; i++) {
//             //         html += '<img src="' + imgArr[i] + '">'
//             //     }
//             //     imgArea.html(html)
//             //     this.close();
//             // }
//             handler : function(){
//                 var imgChecked = $('.division input[type="checkbox"]:checked');
//                 var imgArr = [];
//                 var imgId = [];
//
//                 for(var i = 0,len = imgChecked.length;i < len;i++) {
//                     imgArr.push(imgChecked.eq(i).attr('imgsrc'));
//                     imgId.push(imgChecked.eq(i).attr('id'));
//                 }
//                 var imgArea = $('[data-role="style-result"] li.is-active').find('[data-role="gridstyle"] tbody tr').eq(imgIndex).find('.sel-imgs-area');
//                 var imgItemVal = $('[data-role="style-result"] li.is-active').find('[data-role="gridstyle"] tbody tr').eq(imgIndex).find('td').eq(0).find('input').val();
//
//                 var html ='';
//                 for(var i = 0,len = imgArr.length;i < len;i++) {
//                     html += '<img src="'+imgArr[i]+'" data-id="'+imgId[i]+'">'
//                 }
//                 imgArea.html(html)
//                 $.each($('[data-role="style-result"] li.is-active .ws-goodstyle__item li'), function(index, item) {
//                     if($(item).find('input').val() == imgItemVal) {
//                         if(imgArea.find('img').length == 0) {
//                             $(item).find('input').attr('data-imageId', "");
//                             $(item).find('input').attr('data-imageUrl', "");
//                         } else {
//                             var tempImageId = "";
//                             var tempImageUrl = "";
//                             var tempImageIdArr = [];
//                             var tempImageUrlArr = [];
//                             $.each(imgArea.find('img'), function(indexDir, itemDir) {
//                                 tempImageIdArr.push($(itemDir).attr('data-id'));
//                                 tempImageUrlArr.push($(itemDir).prop('src'));
//                             })
//                             tempImageId = tempImageIdArr.join(',');
//                             tempImageUrl = tempImageUrlArr.join(',');
//                             $(item).find('input').attr('data-imageId', tempImageId);
//                             $(item).find('input').attr('data-imageUrl', tempImageUrl);
//                         }
//
//                     }
//                 })
//                 this.close();
//             }
//         }
//         ]
//     });
//     $(document).on('click', '[data-role="img"]', function () {
//         imgIndex = $(this).closest('tr').index();
//
//         var imageIdArr = [];
//
//         $.each($(this).next('span').find("img"),function (index,item) {
//             imageIdArr.push($(this).attr("data-id"));
//         });
//
//
//
//         var imgHtmlTpl = "";
//
//         if(editList == 0){ //异常加载商品的图片，列表编辑的时候去数据库查询
//
//             // console.log(editList)
//             $.ajax({
//                 url: window.PROJECT_CONTEXT+"/goods/images/"+ globalGoodsId,
//                 success: function(data) {
//
//                     // console.log("data:",data)
//
//                     $.each(data, function (index, item) {
//
//
//                         var checked = (imageIdArr.indexOf(item.imageId) != -1 ? "checked" :"");
//
//                         var imgTlp = ' <div class="division-item"> \
//                             <input type="checkbox" '+checked+' \
//                             id="'+ item.imageId +'" \
//                         imgsrc="'+item.surl+'"> \
//                             <label for="'+item.imageId +'"><img \
//                             src="'+item.surl+'" \
//                         width="80" height="80"></label> \
//                             </div>';
//                         imgHtmlTpl += imgTlp;
//
//                     });
//
//                     $('#division').html(imgHtmlTpl);
//                 }
//             });
//         }else {
//             //新增的时候去商品编辑页面获取，
//             // console.log(editList)
//
//
//
//             if( $("#imageIds").val() != "" &&  $("#imageIds").val() != null){
//                 var imageIds = $("#imageIds").val().split(",");
//                 $.each($(".uploader-success > img"),function (index,item){
//
//                     var checked = (imageIdArr.indexOf(imageIds[index]) != -1 ? "checked" :"");
//
//                     var imgTlp = ' <div class="division-item"> \
//                             <input type="checkbox" '+checked+' id="'+ imageIds[index] +'" \
//                         imgsrc="'+$(item).attr("src")+'"> \
//                             <label for="'+ imageIds[index] +'"><img \
//                             src="'+$(item).attr("src")+'" \
//                         width="80" height="80"></label> \
//                             </div>';
//                     imgHtmlTpl += imgTlp;
//
//                 });
//                 $('#division').html(imgHtmlTpl);
//
//             }
//         }
//
//
//         dialog.show();
//     });
// });



function buildRightSpecValue(i,specValuesList) {
    if (specValuesList.length > 0) {

        var specValueLi = ' <li ';
        if (i == 0) {
            specValueLi += 'class="is-active"';
        }
        specValueLi += '>\
                                        <div class="ws-goodstyle__selectAll">\
                                                <label for="selectAll' + i + '">\
                                                <input type="checkbox" data-role="selectall" id="selectAll' + i + '"> 全选\
                                                </label>\
                                                </div>\
                                                <ul class="ws-goodstyle__item" data-role="goodstyleitem'+i+'">';


        //规格值
        for (var k = 0; k < specValuesList.length; k++) {

            var id = "s" + i + k;
            specValueLi += '<li><input type="checkbox" id="' + id +
                '" title="' + specValuesList[k].specValueId+'" data-id="' + specValuesList[k].specValueId + '" value="' + specValuesList[k].specValue + '">\
                                                    <label for="' + id + '">\
                                                    <span class="spec-name">' + specValuesList[k].specValue + '</span>\
                                                    </label>\
                                                    </li>';

        }
        specValueLi += ' </ul><div class="spec-img">\
                                                    <table class="gridlist" data-role="gridstyle">\
                                                    <thead>\
                                                    <tr>\
                                                    <th>规格</th>\
                                                    <th>关联商品图片</th>\
                                                    <th class="hide">规格id</th>\
                                                    </tr>\
                                                    </thead>\
                                                    <tbody></tbody>\
                                                    </table>\
                                                    </div></li>';
        $('[data-role="style-result"]').append(specValueLi);
    }
}

//构造货品
function buildProducts(productsList){
    //构造货品
    // var productsList = result.data.productsList;
    $('.ws-goodstyle__tableTit span').html(productsList.length)
    var resultHtml = '';
    for (var z = 0; z < productsList.length; z++) {
        // console.log(z, (productsList[z].isDefault == "true"), productsList[z].isDefault)
        var vstore =  productsList[z].store;
        if(vstore == null){
            vstore = 0;
        }

        var vcost = productsList[z].cost;
        if(vcost == null){
            vcost = 0;
        }

        var vmktprice = productsList[z].mktprice;
        if(vmktprice == null){
            vmktprice = 0;
        }
        var vweight = productsList[z].weight;
        if(vweight == null){
            vweight = 0;
        }

        resultHtml += '<tr>\
                            <td><span>' + productsList[z].specInfo + '</span> <input class="x-input " name="specInfo" type="hidden" value="' + productsList[z].specInfo + '" ></td>\
                            <td>\
                              <input class="x-input" type="text"  name="bn" value="' + productsList[z].bn + '">\
                            </td>\
                            <td>\
                              <input type="checkbox" name="marketable" ' + (productsList[z].marketable?"checked":"") + ' value="true">\
                            </td>\
                            <td>\
                              <input class="x-input" name="store" type="text" value="' + vstore + '" >\
                            </td>\
                            <td>0</td>\
                            <td>\
                                <input class="x-input" name="price" type="text" value="' + productsList[z].price + '">\
                            </td>\
                            <td>\
                                <input class="x-input" name="cost" type="text" value="' + vcost + '">\
                            </td>\
                            <td>\
                                <input class="x-input" name="mktprice" type="text" value="' + vmktprice + '">\
                            </td>\
                            <td>\
                                <input class="x-input" name="weight" type="text" value="' + vweight + '" size="4">\
                            </td>\
                            <td>\
                                <input class="x-input" name="storePlace" type="text" value="' + productsList[z].storePlace + '"  size="4">\
                            </td>\
                            <td>\
                                <input type="checkbox" value="true" ' + (productsList[z].isDefault == "true"?"checked":"") + ' name="isDefault" size="4" data-role="moren">\
                            </td>\
                            <td style="display: none">\
                              <input type="text" readonly  name="productId" value="' + productsList[z].productId + '">\
                            </td>\
                            <td>\
                                <a href="javascript:void(0);" class="clean " title="不生成此货品">清除</a>\
                            </td>\
                        </tr>';
    }
    $('[data-role="styleResult"]').html(resultHtml);

}


